<template>
  <div class="register_box">
    <div class="register_title">
      <i class="iconfont icon-zuojiantou" @click="$router.go(-1)"></i>
      <p>当当注册</p>
      <i class="iconfont icon-gengduo3"></i>
    </div>
    <div class="register_main">
      <h2>注册新用户</h2>
      <div class="register_phoneNumber">
        <input type="number" placeholder="请输入你的手机号码" />
        <button>获取验证码</button>
      </div>
      <p>《当当隐私政策》</p>
      <i class="iconfont icon-shouji"></i>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.register_title {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 0px 15px;
}
.register_main {
  width: 100%;
  padding: 36px 40px 0px;
  box-sizing: border-box;
  position: relative;
  h2 {
    margin-bottom: 25px;
    font-weight: bold;
    color: #323232;
  }
  input {
    width: 100%;
    height: 45px;
    padding: 7px 0 0;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(136, 136, 136, 0.3);
    padding-left: 32px;
    background-color: transparent;
  }
  button {
    width: 100%;
    height: 45px;
    color: white;
    border-radius: 5px;
    border: none;
    margin: 20px 0;
    background: linear-gradient(
      to right,
      rgba(254, 84, 71, 0.4),
      rgba(243, 52, 74, 0.4) 100%
    );
    box-shadow: 0 2px 5px rgb(235 28 49 / 24%);
  }
  p{
      font-size: 12px;
  }
  i{
      font-size: 20px;
      color: rgba(128, 128, 128, 0.555);
      position: absolute;
      left: 40px;
      top: 102px;
  }
}
</style>